
page {
    background-color: #fdf7f7;
}

// 用户信息的样式
.user_info_wrap {
    height: 18vh;
    position: relative;
    background-color: #fff;
    border-radius: 45rpx;
    margin: 60rpx 40rpx 50rpx 40rpx;
    .user_info {
        display: flex;
        .user_icon {
            height: 12vh;
            width: 12vh;
            border-radius: 50%;
            margin: 2vh;
            margin-left: 40rpx;
            margin-top: 40rpx;
            box-shadow: 0rpx 10rpx 50rpx 10rpx rgba(85, 85, 85, 0.2);
            // 水平阴影位置 垂直阴影位置 模糊的距离 阴影的大小 阴影的颜色 
        }

        .user_mess {
            margin-top: -10rpx;
            margin-left: 20rpx;
            .user_name {
                color: black;
                margin-top: 50rpx;
                font-size: 35rpx;
                font-weight: bolder;
            }

            .user_tel {
                color: black;
                margin-top: 0.5vh;
                font-weight: bolder;
                font-size: 35rpx;
                .getPhone_wrap{
                    display: flex;
                    width: 100%;
                    height: 60rpx;
                    padding-bottom: 40rpx;
                    border: 0;
                    margin-left: -35rpx;
                    .getPhone_icon{
                        margin-top: 8rpx;
                        width: 50rpx;
                        height: 50rpx;
                    }
                    .getPhone_text{
                        height: 50rpx;
                        line-height: 60rpx;
                    }
                }
            }

            .user_address {
                display: flex;
                color: black;
                margin-top: 0.5vh;
                font-size: 35rpx;
                font-weight: bolder;
                .user_add {
                    width: 300rpx;
                }
            }

            .alter {
                width: 50rpx;
                height: 50rpx;
                margin-top: -3rpx;
                margin-left: 15rpx;
            }
        }
    }

    .user_btn {
        .login_wrap{
            height: 240rpx;
            display: flex;
            border: 0;
            .loginIcon_wrap{
                height: 12vh;
                width: 12vh;
                background-color: #fdf7f7;
                border-radius: 50%;
                margin-top: 40rpx;
                margin-left: 40rpx;
                .login_icon{
                    width: 9vh;
                    height: 9vh;
                    margin-top: 20rpx;
                }
            }
            .login_text{
                margin: 50rpx;
                font-size: 50rpx;
                font-weight: bolder;
                color: #515151;
            }
        }
    }
}

// 遮罩层的样式
.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(56, 55, 55, 0.651);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
}

// 弹窗的样式
.windows {
    width: 90%;
    height: 600rpx;
    background-color: white;
    position: absolute;
    top: 300rpx;
    z-index: 95;
    display: flex;
    flex-direction: column;
    margin-left: 38rpx;
    border-radius: 25rpx;
    // 取消和确认的按钮
    .up {
        display: flex;
        justify-content: space-between;
        margin: 30rpx 40rpx 0rpx 40rpx;
        .cancel {
            width: 120rpx;
            height: 50rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #808080;
            border-radius: 50rpx;
            background-color: #fff;
            font-size: 30rpx;
            border: 1rpx solid #b8b4b4;
        }
        .closeWin {
            width: 120rpx;
            height: 50rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            border-radius: 50rpx;
            background-color: #f491bf;
            font-size: 30rpx;
        }
    }
    // 下拉选择框的样式
    .addSelect_wrap{
        margin-top: 30rpx;
        .menu{
            .select{
                z-index: 10;
                top: 770rpx;
            }
            .van-dropdown-item--down {
                bottom: 0;
            }
            .van-dropdown-item {
                left: 38rpx;
                overflow: hidden;
                position: fixed;
                right: 0;
                width: 90%;
                height: 390rpx;
                .van-dropdown-item__option{
                    width: 155rpx;
                }
                .van-dropdown-item__option--active{
                    width: 155rpx;
                    .van-dropdown-item__title {
                        color: var(--dropdown-menu-option-active-color,#ee0a24);
                        width: 100rpx;
                    }
                } 
                
            }
        }
    }
}
// 客服框的样式
.user_help_wrap {
    background-color: #fcddeb;
    height: 140rpx;
    border-radius: 45rpx;
    margin: 10rpx 40rpx;
    .kefu {
        border: 0;
        display: flex;
        height: 100%;
        width: 100%;
        padding-top: 25rpx;
        .left_wrap{
            width: 90rpx;
            height: 90rpx;
            background-color: #9cb9e1;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            .left_icon{
                width: 80%;
                height: 80%;
            }
        }
        .text_wrap{
            margin-left: 15rpx;
            margin-top: -15rpx;
            .mainText{
                width: 180rpx;
                height: 50rpx;
                font-weight: bolder;
                color: black;
                font-size: 35rpx;
            }
            .secondText{
                font-size: 25rpx;
                color: #515151;
                margin-top: 10rpx;
            }
        }
        .right_circle{
            margin: 20rpx 0 0 230rpx;
            .right_circle_icon{
                width: 50rpx;
                height: 50rpx;
            }
        }
    }
}

.text1{
    background-color: #fcddeb;
    height: 140rpx;
    border-radius: 45rpx;
    margin: 10rpx 40rpx;
    .womaichude{
        display: flex;
        height: 80%;
        width: 100%;
        padding-top: 25rpx;
        .tubiao1{
            width: 90rpx;
            height: 90rpx;
            background-color: #9cb9e1;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            margin-left: 30rpx;
            .tubiao{
                width: 80%;
                height: 80%;
            }
        }
        .wenzi_wrap{
            margin-left: 20rpx;
            .wenzi{
                font-weight: bolder;
            }
            .wenzi1{
                margin-top: 10rpx;
                font-size: 25rpx;
                color: #515151;
            }
        }
        .right_circle{
            margin: 20rpx 0 0 80rpx;
            .right_circle_icon{
                width: 50rpx;
                height: 50rpx;
            }
        }
    }
}